.top {
	height: 4.375rem;
	width: 100%;
	background-color: #138bee;
	position: fixed;
	z-index: 2;
}

.top-left {
	height: 3.625rem;
	width: 15rem;
	position: absolute;
	left: 11.25rem;
	top: 5px;
}

.top-left img {
	height: 3.625rem;
	width: 9.625rem;
}

.top-center {
	height: 3.625rem;
	width: 44.0625rem;
	position: absolute;
	left: 28.25rem;
	top: 0.3125rem;
	border-right: solid 3px #79bbf1;
}

.top-right {
	position: absolute;
	left: 80rem;
	height: 3.625rem;
	width: 44.0625rem;
	top: 0.8125rem;
}

.top-right-img {
	height: 2.125rem;
	width: 2.125rem;
	float: left;
}

.top-right-img img {
	height: 2.5rem;
	width: 2.5rem;
	border-radius: 50%;
}

.top-right-content {
	margin-top: 0.425rem;
}
.center{
	width: 75rem;
	height: 62.5rem;
	background-color: #FFFFFF;
	margin-left: auto;
	margin-right: auto;
	position:relative;
	top:5.625rem;
}
.center-top{
	position: absolute;
	top: 1.25rem;
	left: 1.25rem;
	width: 75rem;
}
.center-top Button{
	margin-left: 1.25rem;
}
.centercard{
	position: absolute;
	top: 4.8rem;
	left: 1.25rem;
	width: 17.7rem;
	height: 28.25rem;
	float: left;
}
 .ivu-card{
    width: 17.5rem;
  }
  .class-image{
    border-radius: 8px;
  }
  .class-right-image{
	  border: solid 1px white;
	  left: 14.0625rem;
	  top: -0.125rem;
	  position: absolute;
  }
  .class-name{
    padding: 8px 0;
	font-size: 0.875rem;
  }
  .ivu-card-head{
     border-bottom-style: dashed;
     padding: 5px 8px;
     margin: 0 5px;
  }
  .ivu-form-item{
    margin-bottom: 0;
  }
  .class-btn-text{
    color:#1A99F9;
  }
  .class-more-icon{
    text-align: center;
    height: 28px;
  }
  .class-footer{
    border-top: 1px dashed #dedede;
    text-align: center;
    padding: 5px 0;
  }
  .class-footer .ivu-btn{
    padding: 0 10px;
	font-size: 0.75rem;
  }
  .ivu-card-body{
   padding: 0 5px;
  }
  .ivu-form{
    padding: 0 3px;
  }
  .more-content{
	  width: 15.375rem;
	  height: 14.375rem;
	  position: absolute;
	  top: 10rem;
	  z-index: 1;
	  background-color: white;
	  line-height: 1.875rem;
  }